<template>
  <!-- 页脚部分，背景为深色，文本为白色，内边距为4，顶部边距为5 -->
  <footer class="bg-dark text-white py-4 mt-5">
    <!-- 容器，文本居中 -->
    <div class="container text-center">
      <!-- 引用的名言 -->
      <p class="quote">王者以民为天，民以食为天。——东汉·班固《汉书·郦陆朱刘叔孙传》</p>
      <!-- 小组信息 -->
      <p class="copyright">第十组：李佳亮，李健铭，叶蓝天，肖荣灿，陈润希，何亦凡</p>
    </div>
  </footer>
</template>

<script>
export default {
  // 定义组件的名称
  name: 'Footer',
};
</script>

<style scoped>
/* 为页脚定义样式/
footer {
  text-align: center;
  background-color: #343a40; 
}
/* 为名言定义样式*/
.quote {
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 0.5rem;
}
/*  小组信息样式 */
.copyright {
  font-size: 0.9rem;
  color: #ccc; 
}
</style>
